<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* @var $this Mage_Reports_Block_Product_Viewed */
?>
<?php if ($_products = $this->getRecentlyViewedProducts()): ?>
<div class="em-line-01 block block-list block-viewed">
    <div class="block-title">
        <strong><span><?php echo $this->__('Recently Viewed Products') ?></span></strong>
    </div>
    <div class="block-content">
        <ol id="recently-viewed-items"  class="owl-carousel">
        <?php foreach ($_products as $_item): ?>
            <li class="item">
                <a href="<?php echo $this->getProductUrl($_item) ?>" title="<?php echo $this->stripTags($_item->getName(), null, true) ?>" class="product-image">
                    <img src="<?php echo $this->helper('catalog/image')->init($_item, 'small_image')->resize(Mage::helper('themeframework/settings')->getRecentlyViewed_Width(),Mage::helper('themeframework/settings')->getRecentlyViewed_Height()) ?>" width="<?php echo Mage::helper('themeframework/settings')->getRecentlyViewed_Width() ?>" height="<?php echo Mage::helper('themeframework/settings')->getRecentlyViewed_Height() ?>" alt="<?php echo $this->stripTags($_item->getName(), null, true) ?>" />                    
                </a>
                <div class="product-shop">
                    <div class="f-fix">
                        <h3 class="product-name"><a href="<?php echo $this->getProductUrl($_item) ?>"><?php echo $this->helper('catalog/output')->productAttribute($_item, $_item->getName() , 'name') ?></a></h3>
                        <?php echo $this->getReviewsSummaryHtml($_item, 'short') ?>
                        <?php echo $this->getPriceHtml($_item, true, '-home-viewed') ?>
                    </div>
                </div>                
                
            </li>
        <?php endforeach; ?>
        </ol>
        <script type="text/javascript">decorateList('recently-viewed-items');</script>
    </div>
</div>
<?php endif; ?>
<script type="text/javascript">
//<![CDATA[
    (function($) {
        $(document).ready(function() {
            var owl_em_block_itest = $(".block-viewed .block-content").find('.owl-carousel');
            if(owl_em_block_itest.length){            
                owl_em_block_itest.owlCarousel({
                    //Basic Speeds
                    slideSpeed : 800,
                    rewindSpeed : 800,
                 
                    //Autoplay
                    autoPlay : false,
                    
                    stopOnHover : false,
                    mouseDrag : false,
                    touchDrag : false,    
                 
                    // Navigation
                    navigation : true,
                    navigationText : ["Пред.", "След."],
                    pagination : false,
                    paginationNumbers: false,                 
                    
                                            // Responsive 
                        responsive: true,
                        items : 1, /*items above 1200px browser width*/
                        itemsDesktop : [1200,1], /*//items between 1199px and 981px*/
                        itemsDesktopSmall : [992,1],
                        itemsTablet: [768,1],                
                        itemsMobile : [480,1],
                                     
                    // CSS Styles
                    baseClass : "owl-carousel",
                    theme : "owl-theme", transitionStyle : false,
                    addClassActive : true,
                    scrollPerPage : false,
              });
            }
        });
    })(jQuery); 
//]]>
</script>